<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页展示</title>
</head>
<script src="js/Jquery.js"></script>
<link rel="stylesheet" href="css/style1.css">
<link rel="stylesheet" href="css/bootstrap.css">


<body>
<h1 align="center" >学生列表展示</h1>
<hr>
    请输入姓名：<input type="text" id="userName" name="userName">
    <input type="button" value="确定" id="submit" name="submit">
    <input type="button" value="全部" id="allPage" name="submit">
    <input type="button" value="添加" id="addStduent" name="submit">
<hr>

<table id="students" class="table table-bordered table-striped" >
    <tr id="head">
        <td>学号</td>
        <td>姓名</td>
        <td>班级</td>
        <td>性别</td>
        <td>系部</td>
        <td>电话</td>
        <td>宿舍号</td>
        <td>照片</td>
        <td>操作</td>
    </tr>
</table>
<br>
<ul id="pages">
    <li><a  id="firstPage"> 首 页</a></li>
    <li><a  id="prevPage"> 上一页</a></li>
    <li><a  id="nextPage">下一页</a></li>
    <li><a  id="lastPage"> 尾 页</a></li>
</ul>
<br>
<br><br>
<br><br>
<br>
<script src="js/listStudent.js"></script>

</body>
</html>